import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// (1.1) 加载node模块[ 需要  yarn add @types/node -D ]
import path from 'path'
// 关于name的说明,为了让 游览器中的vue插件能够展示组建名,并且在 script 中占位
import vueSetupExtend from 'vite-plugin-vue-setup-extend'

// interface CustomPluginOptions extends Record<string, unknown> {
//   reactivityTransform?: boolean
// }
export default defineConfig({
  plugins: [vue({}), vueSetupExtend()],

  resolve: {
    alias: {
      '@': path.resolve(__dirname, '/src')
    }
  },
  // 自动导入 css 样式文件
  css: {
    preprocessorOptions: {
      less: {
        additionalData: `
          @import "@/assets/styles/variables.less";
          @import "@/assets/styles/maxins.less";
        `
      }
    }
  }
})
